@import "./base.less";
// TODO:全局样式定义
// 文本域禁止改变大小
textarea {
  resize: none !important;
}

// 定义全局字体
body {
  color: @font-default;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

// 全局大小固定
#app {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

// 文字居中
.text-center {
  text-align: center;
}

// 文字超出隐藏，显示...
.text-overflow {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

// 修正弹出层边距
.el-dialog.my-dialog {
  margin-bottom: 0;
  .el-dialog__body {
    padding: 20px;
  }
}

// 编辑、查看按钮
.el-button--edit {
  padding: 8px 18px;
  border-radius: 20px;
  color: #2CA2FC;
  background: #FFFFFF;
  border-color: #2CA2FC;
  &:hover, &:focus {
    color: #FFFFFF;
    background: #2CA2FC;
    border-color: #2CA2FC;
  }
  &.is-active, &:active {
    background: #FFFFFF;
    border-color: #2CA2FC;
    color: #2CA2FC;
  }
}

// 删除按钮
.el-button--del {
  padding: 8px 18px;
  border-radius: 20px;
  color: #ff4949;
  background-color: #FFFFFF;
  border-color: #ff4949;
  &:hover, &:focus {
    color: #FFFFFF;
    border-color: #ff4949;
    background: #ff4949;
  }
  &.is-active, &:active {
    background: #FFFFFF;
    border-color: #ff4949;
    color: #ff4949;
  }
}

// 导出按钮
.el-button--export {
  background-color: #2CA2FC;
  border-radius: 20px;
  border-color: #2CA2FC;
  padding: 8px 18px;
  color: #FFFFFF;
  &:hover, &:focus {
    color: #2CA2FC;
    background-color: #FFFFFF;
    border-color: #2CA2FC;
  }
  &.is-active, &:active {
    background: #2CA2FC;
    border-color: #2CA2FC;
    color: #FFFFFF;
  }
}

.saling {
  .el-card__header {
    padding: 5px;
  }
  .el-card__body {
    padding: 5px;
  }
}
